<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ config.extra.blog_name }}</title>
     <script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js" integrity="sha256-WCzAhd2P6gRJF9Hv3oOOd+hFJi/QJbv+Azn4CGB8gfY=" crossorigin="anonymous"></script>
     <script src="/js/index.js"></script>
     <script src="/js/prompt.js"></script>
     <script src="/js/keyboard.js"></script>
     <script src="/js/tab.js"></script>
     <script src="/js/commands.js"></script>
     <script src="/js/config.js"></script>
     {%- if config.extra.custom_script -%}
     <script src="{{ config.extra.custom_script }}"></script>
     {%- endif -%}
     <link rel="stylesheet" href="/css/base.css">

     {%- if config.extra.custom_css -%}
     <link rel="stylesheet" href="{{ config.extra.custom_css }}">
     {%- endif -%}
     {%- if page -%}
     <link rel="stylesheet" href="/css/page.css">
     {%- endif -%}
</head>
<body onkeydown='exec(event)'>
  <header>
      <h1>{{ config.extra.blog_name }}</h1>
  </header>
  <main>
    <div class="files" id="files" tabindex="0">
    {%- include "components/files.html" -%}
    </div>
    <div class="viewer {% if page -%}page{%- endif -%}" id="viewer" tabindex="0">
      <div class="tab">
      {%- include "components/tab.html" -%}
      </div>
      <div class="content" id="content">
        {%- block content -%}{% endblock %}
      </div>
    </div>
    <div class="prompt" id="terminal">
    {%- include "components/prompt.html" -%}
    </div>
  </main>
</body>
</html>
